<script setup lang="ts">
import i18n from "@/lang/i18n";
import { useI18n } from 'vue-i18n';
const { locale, t } = useI18n();


const changeLang = () => {
  locale.value = "ug"
}


</script>

<template>
  <div class="content">
    <h1 class="title">{{i18n.global.t('test')}}</h1>
    <el-button @click="changeLang">{{i18n.global.t('test')}}</el-button>
  </div>
</template>

<style scoped lang="scss">

  .content{
    background-color: pink;
    width: 100%;
    height: 100%;
  }

</style>